<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>product</title>
    <link rel="stylesheet" type="text/css" href="../style/public.css"/>
    <link rel="stylesheet" type="text/css" href="../style/product/product.css"/>
    <link rel="stylesheet" type="text/css" href="../style/product/product_style.css"/>
    <script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="../js/public/public.js"></script>
    <script type="text/javascript" src="../js/product/product.js"></script>
    <script type="text/javascript" src="../js/product/product_jqzoom.js"></script>
    <script type="text/javascript" src="../js/product/jquery.spinner.js"></script>
</head>
<body>
<body>
<!--导航条-->
<ul class="nav">
    <li class="menuItemli"><a href="javascript:;">首&nbsp;页</a></li>
    <!--二级菜单-->
    <ul class="subNav">
        <li></li>
        <li><a href="javascript:;">维您</a></li>
        <li><a href="javascript:;">LA CELLER</a></li>
        <li><a href="javascript:;">秘密花园</a></li>
        <li><a href="javascript:;">SONOKO</a></li>
    </ul>
    <li class="menuItemli"><a href="javascript:;">品牌系列</a></li>
    <li class="menuItemli"><a href="javascript:;">美容护肤</a></li>
    <li class="menuItemli"><a href="javascript:;">健康养生</a></li>
    <li class="menuItemli"><a href="javascript:;">家居日用</a></li>
    <li class="menuItemli"><a href="javascript:;">积分换购</a></li>
    <li class="menuItemli2"><a href="javascript:;">VIP<br/>会员专区</a></li>
    <li class="menuItemli"><a href="javascript:;">关于麦考林</a></li>
</ul>

<!--head-->
<div class="head_search">
    <input type="text" class="head_search_text" placeholder="热门搜索：洁面 控油 祛痘"/>
    <a href="javascript:;" class="head_search_btn">搜索</a>
    <a href="javascript:;" class="head_search_out">X</a>
</div>
<div class="head layout" id="top">
    <img src="../img/head_logo.png" class="logo"/>
    <div class="head_r">
        <a href="javascript:;" class="head_search_icon"></a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">登录</a><span>|</span><a href="javascript:;" onclick="location.href='register.html'">注册</a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">我的账户</a><span>|</span><a href="javascript:;"></a><img src="../img/head_call.png" class="head_phone"/>
    </div>
</div>


<!--rightSider-->
<div class="rightSider">
    <a href="javascript:;"><img src="../img/rightSider_01.png"/></a>
    <img src="../img/rightSider_02.png"/>
    <a href="javascript:;"><img src="../img/rightSider_03.jpg"/></a>
    <a href="#top" style="display:none"><img src="../img/rightSider_04.png"/></a>
</div>
<div class="consult"><img src="../img/rightSider_consult.png"/></div>
<script type="text/javascript">
    window.onload = function(){
        document.onscroll = function(){
            var scrollTop = Number(document.documentElement.scrollTop || document.body.scrollTop);
            var public_rightSider = document.getElementsByClassName("rightSider")[0];
            var public_top = public_rightSider.getElementsByTagName("a")[2];
            if(scrollTop < 70){
                public_top.style.display = "none";
            }else if(scrollTop > 70){
                public_top.style.display = "block";
            }
        };
    };
</script>

<!--product_show-->
<div class="product_show layout">
    <div class="etalage_wrap">
        <ul id="etalage">
            <li>
                <img class="etalage_thumb_image" src="../img/product_smallPic_1.jpg" title="first img" />
                <img class="etalage_big_image" src="../img/product_bigPic_1.jpg"/>
            </li>
            <li>
                <img class="etalage_thumb_image" src="../img/product_smallPic_2.jpg" title="first img"/>
                <img class="etalage_big_image" src="../img/product_smallPic_2.jpg"/>
            </li>
        </ul>
    </div>
    <div class="product_show_r">
        <h2>秘密花园玫瑰鲜活水 100ml</h2>
        <p>品牌：秘密花园<span style="margin-left:235px">商品编号：V1521890-001</span></p>
        <h1>￥499</h1>
        <p><span class="product_show_r_num">数量：</span><input type="text" class="spinner"/></p>
        <div class="product_show_r_trade" style="position:relative;">
            <a href="javascript:;" class="product_show_r_cart">加入购物车</a>
            <a href="javascript:;" class="product_show_r_collect"><div class="product_show_r_bg"></div>加入收藏</a>
        </div>
        <div class="product_show_r_share">
            <a href="javascript:;" class="product_show_r_shareToIcon"></a>
            <a href="javascript:;" title="分享到QQ空间"></a>
            <a href="javascript:;" title="分享到新浪微博"></a>
            <a href="javascript:;" title="分享到微信"></a>
            <a href="javascript:;" title="分享到QQ好友"></a>
            <a href="javascript:;" title="分享到腾讯微博"></a>
        </div>
        <!--商品信息右侧分享到-->
        <ul class="product_show_r_shareTo">
            <h3>分享到</h3>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -2438px;">一键分享</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -46px;">QQ空间</a></li>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -98px;">新浪微博</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -3063px;">百度云收藏</a><li>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -1606px;">微信</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -202px;">人人网</a></li>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -254px;">腾讯微博</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -2542px;">百度相册</a></li>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -306px;">开心网</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -358px;">腾讯朋友</a></li>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -722px;">百度贴吧</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -462px;">豆瓣网</a></li>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -150px">百度新首页</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -2646px;">QQ好友</a></li>
            <li><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -982px;">和讯微博</a><a href="javascript:;" style="background:url('../img/product_r_shareTo_bg.png') no-repeat 5px -3114px;">百度中心</a></li>
            <p>更多...</p>
        </ul>
    </div>
</div>
<!--product_info-->
<div class="product_info layout" style="position:relative;">
    <div class="product_info_l">
        <div class="product_info_l_head" style="margin-bottom:12px;">
            <a href="javascript:;">商品信息</a>
            <a href="javascript:;">商品评论</a>
            <a href="javascript:;">商品回答</a>
        </div>
        <div class="product_info_l_img" style="padding-left:15px;">
            <img src="../img/product_info_l_img1.jpg"/>
            <img src="../img/product_info_l_img2.jpg"/>
            <img src="../img/product_info_l_img3.jpg"/>
            <img src="../img/product_info_l_img4.jpg"/>
            <img src="../img/product_info_l_img5.jpg"/>
            <img src="../img/product_info_l_img6.jpg"/>
            <img src="../img/product_info_l_img7.jpg"/>
            <img src="../img/product_info_l_img8.jpg"/>
            <img src="../img/product_info_l_img9.jpg"/>
            <img src="../img/product_info_l_img10.jpg"/>
        </div>
        <div class="product_info_l_detail" style="margin-left:15px;">
            <p>【名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称】：秘密花园玫瑰鲜活水 100ml</p>
            <p>【品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牌】：秘密花园</p>
            <p>【净&nbsp;&nbsp;含&nbsp;&nbsp;量】：100ml/瓶</p>
            <p>【产&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地】：上海</p>
            <p>【保&nbsp;&nbsp;质&nbsp;&nbsp;期 】：18个月</p>
            <p>【成&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分】：玫瑰（ROSA RUGOSA）花提取物、1,2-戊二醇、1,2-己二醇</p>
            <p>【使用方法】：早晚洁面后，取适量产品均匀涂抹于面部及颈部，轻轻拍打至吸收即可，注意使用时避免入眼。开盖方法：逆时针旋转瓶盖上半部分尖头处大约45度，倾斜倒置瓶身，使其滴出，如不能滴出请上下晃动瓶身使其滴出，用完后顺时针旋回瓶盖即可。</p>
            <p>【使用肤质】：任何肌肤</p>
            <p>【注意事项】：请勿放置于阳光照射处及高温处。请置于婴幼儿无法取得处，避免误食。使用时若不慎将产品渗入眼睛，请立即用大量清水冲净。</p>
            <p>【友情提示】：由于部分商品包装更换较频繁，若收到的货物与图片不一致时，请您以收到的商品实物为准，我们也将尽量做到即时更新，不便之处,敬请见谅，谢谢您的支持！</p>
        </div>

        <div class="product_info_l_comment">
            <h2>商品评论</h2>
            <hr/>
            <p style="margin-top:23px; color:#888888; margin-bottom:37px;">暂无评论</p>
            <h2>商品回答</h2>
            <hr/>
            <p style="margin-top:23px; color:#888888;">暂无评论</p>
            <h2 style="border:none;">要提问</h2>
            <textarea style="width:750px; height:160px; background:#e2e3e3; border:none; border-radius:5px; color:#888888;" placeholder="请输入您的评论内容！"> </textarea>
            <p style="color:#888888;">字数限制为5-200个</p>
            <input type="submit" value="提交" style="color:#d30048; height:40px; width:100px; background:#fff; border:1px #d10048 solid; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; cursor:pointer; margin:18px 0 0 330px">
        </div>
    </div>
    <div class="product_info_r">
        <div class="product_info_r_relative">
            <p>相关产品</p>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg1.jpg"/></dt>
                <dd>
                    <a href="javascript:;">秘密花园玫瑰鲜活水 9.5ml</a>
                    <h3>￥69</h3>
                </dd>
            </dl>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg2.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园美肌修护BB霜</a></dd>
                <h3>￥148</h3>
            </dl>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg3.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园清盈持妆气垫粉凝霜</a></dd>
                <h3>￥198</h3>
            </dl>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg4.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园花之密语护手霜单支（随机）</a></dd>
                <h3>￥69</h3>
            </dl>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg5.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园玫瑰鲜活水 30ml</a></dd>
                <h3>￥169</h3>
            </dl>
        </div>
        <div class="product_info_r_history">
            <p>历史记录</p>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg5.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园玫瑰鲜活水 100ml</a></dd>
                <h3>￥169</h3>
            </dl>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg5.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园玫瑰鲜活水 100ml</a></dd>
                <h3>￥169</h3>
            </dl>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg5.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园玫瑰鲜活水 100ml</a></dd>
                <h3>￥169</h3>
            </dl>
            <dl>
                <dt><img src="../img/product_info_r_relativeImg5.jpg"/></dt>
                <dd><a href="javascript:;">秘密花园玫瑰鲜活水 100ml</a></dd>
                <h3>￥169</h3>
            </dl>
        </div>
    </div>
</div>

<!--bottom-->
<div class="bottom">
    <div class="bottom_t layout">
        <dl class="bottom_l">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">100%正品保证</a></dd>
        </dl>
        <dl class="bottom_c">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">专业在线客服</a></dd>
        </dl>
        <dl class="bottom_r">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">满99包邮</a></dd>
        </dl>
    </div>

    <div class="bottom_b layout">
        <div>
            <h3>新手指南</h3>
            <a href="javascript:;">新会员注册</a>
            <a href="javascript:;">购物演示</a>
            <a href="javascript:;">常见问题</a>
        </div>
        <div>
            <h3>付款方式</h3>
            <a href="javascript:;">银行卡支付</a>
            <a href="javascript:;">支付宝支付</a>
            <a href="javascript:;">余额支付</a>
        </div>
        <div>
            <h3>售后服务</h3>
            <a href="javascript:;">退换货政策</a>
            <a href="javascript:;">退换货流程</a>
            <a href="javascript:;">退款流程</a>
            <a href="javascript:;">发票说明</a>
        </div>
        <div>
            <h3>特色服务</h3>
            <a href="javascript:;">贵宾专区</a>
            <a href="javascript:;">在线客服</a>
        </div>
        <dl>
            <dd>麦考林生活家</dd>
            <dt><img src="../img/bottom_dingyue.jpg"/></dt>
        </dl>
        <dl>
            <dd>麦考林服务号</dd>
            <dt><img src="../img/bottom_fuwu.jpg"/></dt>
        </dl>
    </div>
</div>

<!--footer-->
<div class="footer layout">
    <div class="footer_t"><a href="javascript:;">关于麦考林</a><span>|</span><a href="javascript:;">INVESTOR RELATIONS</a><span>|</span><a href="javascript:;">联系我们</a><span>|</span><a href="javascript:;">服务中心</a><span>|</span><a href="javascript:;">加入我们</a>
    </div><br/>
    <div class="footer_c">
        <a href="javascript:;"><img src="../img/footer_c.png"/></a><p>沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved</p>
    </div>
    <div class="footer_b">
        <a href="javascript:;"><img src="../img/footer_b_1.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_2.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_3.png"/><span>沪公网安备 31010402000234号</span></a>
    </div>
</div>
</body>
</html>